<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Vmenu product category</title>
        <script src="../../../assets/js/jquery-1.4.4.min.js"></script>
        <link rel="stylesheet" href="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
        <script src="../../../assets/third_party/fancybox/jquery.easing-1.3.pack.js"></script>
        <script src="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script src="../../../assets/third_party/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
        <link rel="stylesheet" href="../../../assets/css/reset.css"/>
    </head>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            color: #010101;
            font-family: Arial;
            font-size: 12px;
        }
        .container {
            width:1000px;
            margin:auto;
            background-color:#ddd;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".fancybox").fancybox();
        });
    </script>
    <body>
        <div class="container"> 
            <div id="glist_1" class="glist_1">
                <p class="page_number">Page 1 of 2</p>
                <div class="albums">
                    <ul>
                        <li>
                            <a href="#"><img src="gallery_image_1.png" alt="galler_image"/></a>
                            <a href="#">Proin interdum magna non justo interdum</a>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim</p>
                        </li>

                        <li class="right">
                            <a href="#"><img src="gallery_image_1.png" alt="galler_image"/></a>
                            <a href="#">Proin interdum magna non justo interdum</a>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim</p>
                        </li>

                        <li>
                            <a href="#"><img src="gallery_image_1.png" alt="galler_image"/></a>
                            <a href="#">Proin interdum magna non justo interdum</a>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim</p>
                        </li>

                        <li class="right">
                            <a href="#"><img src="gallery_image_1.png" alt="galler_image"/></a>
                            <a href="#">Proin interdum magna non justo interdum</a>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim</p>
                        </li>

                        <li>
                            <a href="#"><img src="gallery_image_1.png" alt="galler_image"/></a>
                            <a href="#">Proin interdum magna non justo interdum</a>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim</p>
                        </li>

                        <li class="right">
                            <a href="#"><img src="gallery_image_1.png" alt="galler_image"/></a>
                            <a href="#">Proin interdum magna non justo interdum</a>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa vel mauris sollicitudin dignissim</p>
                        </li>
                    </ul>
                </div><!-- End .albums -->
                <div class="clear"></div>
                <div class="wrapper_pagination">

                    <ul>
                        <li><a href="#" class="current">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">&raquo;</a></li>

                    </ul>
                </div><!-- End .wrapper_pagination -->

            </div><!-- End .glist_1 -->
        </div>
    </body>
</html>